// ======== 属性传递 ========
import styled from 'styled-components';

// 动态属性传递样式的值
// 通过插值的方式给样式组件传递参数（props
// 没传值就是默认值green，传了值就是值的属性
const ChuanDiStyle = styled.div`
    background: ${(props) => props.bgColor || 'red'};
    font-size: ${(props) => props.Size || '60px'};
    width: 20vw;
`
export { ChuanDiStyle };